.loading{
  width:120px;
  height:60px;
  position: absolute;
  margin:auto;
  &span{
    display: inline-block;;
    width: 8px;
    height: 100%;
    border-radius: 4px;
    background: lightgreen;
    -webkit-animation: load 1s ease infinite;
  }
  &span:nth-child(2) {
    -webkit-animation-delay: 0.2s;
  }
  &span:nth-child(3) {
    -webkit-animation-delay: 0.4s;
  }
  &span:nth-child(4) {
    -webkit-animation-delay: 0.6s;
  }
  &span:nth-child(5) {
    -webkit-animation-delay: 0.8s;
  }
}


@-webkit-keyframes load {
  0%, 100%{
    height:60px;
    background: lightgreen;
  }
  50% {
    height:100px;
    margin:-20px 0;
    background: #007bff;
  }
}